<include file="public@header"/>

	<style>
		.statistics{width: 100%;}
		.statistics ul{padding: 0; text-align: center;}
		.statistics ul li{list-style: none; display: inline-block; width: 22.5%; margin: 20px 1%;}
		.statistics ul li .tj-box{box-shadow: 0 0 8px #ddd; padding: 8px; line-height: 30px; font-size: 14px; border-radius: 6px; text-align: left;}
		.statistics ul li p{margin-top: 10px; font-size: 16px;}
		
		.chart{width: 100%;}
		.chart ul{padding: 0;}
		.chart ul li{list-style: none; width: 48%; float: left; margin: 20px 1%;}
		.chart ul li .chart-t{font-size: 18px; margin-bottom: 10px;}
	</style>
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li class="active"><a >本校综合数据</a></li>
    </ul>
	<div class="statistics">
		<ul>
			<li>
				<div class="tj-box">
					本校注册累计：{$student.totalcount}人<br>
					本学年新增学生：{$student.currentyearcount}人<br>
					上周使用APP总数：{$student.totaluse_num}人<br>
				</div>
				<p>学生总览</p>
			</li>
			<li>
				<div class="tj-box">
					本校注册累计：{$teacher.totalcount}人<br>
					本学年新增教师：{$teacher.currentyearcount}人<br>
					上周使用平台总数：{$teacher.totaluse_num}人<br>
				</div>
				<p>教师总览</p>
			</li>
			<li>
				<div class="tj-box">
					本学年发放课题：{$classdata.totalrecord}个<br>
					本学年课题提审：个<br>
					本学年课题评审：个<br> 
				</div>
				<p>课题总览</p>
			</li>
			<li>
				<div class="tj-box">
					本学年新增素材：{$material.currentyearmaterial}个<br>
					本学年素材引入课题：{$material.activation_num}个<br>
					上周新增素材总数：{$material.weekmaterial}个<br>
				</div>
				<p>素材总览</p>
			</li>
		</ul>
	</div>
	<!-- <p>
		 本校注册累计：{$student.totalcount}人<br>
		 本学年新增学生：{$student.currentyearcount}人<br>
		 上周使用APP总数：{$student.totaluse_num}人<br>
		 
		 -------------------<br>
		 
		 本校注册累计：{$teacher.totalcount}人<br>
		 本学年新增教师：{$teacher.currentyearcount}人<br>
		 上周使用平台总数：{$teacher.totaluse_num}人<br>
		 
		  -------------------<br>
		  
		  本学年发放课题：{$classdata.totalrecord}个<br>
		  本学年课题提审：个<br>
		 本学年课题评审：个<br> 
		 
		 -------------------<br>
		  
		  本学年新增素材：{$material.currentyearmaterial}个<br>
		  本学年素材引入课题：{$material.activation_num}个<br>
		  上周新增素材总数：{$material.weekmaterial}个<br>

		-------------------<br>
		学生使用数据
		
		7日前{$student.week1}
		14日前{$student.week2}
		21日前{$student.week3}
		28日前{$student.week4}<br>
		-------------------<br>  
		教师使用数据
		
		7日前{$teacher.week1}
		14日前{$teacher.week2}
		21日前{$teacher.week3}
		28日前{$teacher.week4}<br>
		-------------------<br> 
		课题综合数据
		
		7日前{$classdata.week1}
		14日前{$classdata.week2}
		21日前{$classdata.week3}
		28日前{$classdata.week4}<br>
		-------------------<br> 
		素材综合数据
		
		7日前{$material.week1}
		14日前{$material.week2}
		21日前{$material.week3}
		28日前{$material.week4}<br>
		-------------------<br> 
	</p> -->
	
	<div class="chart">
		<ul>
			<li>
				<p class="chart-t">学生使用数据</p>
				<div id="container_student" style="height: 500px;width: 100%;"></div>
			</li>
			<li>
				<p class="chart-t">教师使用数据</p>
				<div id="container_teacher" style="height: 500px;width: 100%;"></div>
			</li>
			<li>
				<p class="chart-t">课题综合数据</p>
				<div id="container_classdata" style="height: 500px;width: 100%;"></div>
			</li>
			<li>
				<p class="chart-t">素材综合数据</p>
				<div id="container_material" style="height: 500px;width: 100%;"></div>
			</li>
		</ul>
	</div>
	
<!-- 	<div id="container_teacher" style="height:500px;width:48%; float: right;"></div>
	<div id="container_classdata" style="height:500px;width:48%; float: left;"></div>
	<div id="container_material" style="height:500px;width:48%; float: right;"></div>
	 -->
	<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
	   
	   
       <script type="text/javascript">
var dom = document.getElementById("container_student");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
    legend: {},
    tooltip: {},
    dataset: {
        source: [
            ['product', '一年级', '二年级', '三年级', '四年级', '五年级', '六年级'],
            ['28日前', {$student['onegrad_num4']}, {$student['twograd_num4']}, {$student['threegrad_num4']}, {$student['fourgrad_num4']}, {$student['fivegrad_num4']},{$student['sixgrad_num4']}],
            ['21日前', {$student['onegrad_num3']}, {$student['twograd_num3']}, {$student['threegrad_num3']},{$student['fourgrad_num3']}, {$student['fivegrad_num3']}, {$student['sixgrad_num3']}],
            ['14日前', {$student['onegrad_num2']}, {$student['twograd_num2']}, {$student['threegrad_num2']},{$student['fourgrad_num2']}, {$student['fivegrad_num2']}, {$student['sixgrad_num2']}],
            ['7日前', {$student['onegrad_num1']}, {$student['twograd_num1']}, {$student['threegrad_num1']},{$student['fourgrad_num1']}, {$student['fivegrad_num1']},{$student['sixgrad_num1']}]
        ]
    },
    xAxis: {type: 'category'},
    yAxis: {},
    // Declare several bar series, each will be mapped
    // to a column of dataset.source by default.
    series: [
        {type: 'bar'},
        {type: 'bar'},
        {type: 'bar'},
		{type: 'bar'},
        {type: 'bar'},
        {type: 'bar'}
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
var dom2 = document.getElementById("container_teacher");
var myChart2 = echarts.init(dom2);
var app = {};
option2 = null;
option2 = {
    legend: {},
    tooltip: {},
    dataset: {
        source: [
            ['product', '教师'],
            ['28日前', {$teacher.week4}],
            ['21日前', {$teacher.week3}],
            ['14日前', {$teacher.week2}],
            ['7日前', {$teacher.week1}]
        ]
    },
    xAxis: {type: 'category'},
    yAxis: {},
    // Declare several bar series, each will be mapped
    // to a column of dataset.source by default.
    series: [
        {type: 'bar'}
    ]
};
;
if (option2 && typeof option2 === "object") {
    myChart2.setOption(option2, true);
}
var dom3 = document.getElementById("container_classdata");
var myChart3 = echarts.init(dom3);
var app = {};
option3 = null;
option3 = {
    legend: {},
    tooltip: {},
    dataset: {
        source: [
            ['product', '发放'],
            ['28日前', {$classdata.week4}],
            ['21日前', {$classdata.week3}],
            ['14日前', {$classdata.week2}],
            ['7日前', {$classdata.week1}]
        ]
    },
    xAxis: {type: 'category'},
    yAxis: {},
    // Declare several bar series, each will be mapped
    // to a column of dataset.source by default.
    series: [
		{type: 'bar'}       
    ]
};
;
if (option3 && typeof option3 === "object") {
    myChart3.setOption(option3, true);
}
var dom4 = document.getElementById("container_material");
var myChart4 = echarts.init(dom4);
var app = {};
option4 = null;
option4 = {
    legend: {},
    tooltip: {},
    dataset: {
        source: [
            ['product', '新增素材', '引入课题'],
            ['28日前', {$material['week4']}, {$material['y_week4']}],
            ['21日前', {$material['week3']}, {$material['y_week3']}],
            ['14日前', {$material['week2']}, {$material['y_week2']}],
            ['7日前', {$material['week1']}, {$material['y_week1']}]
        ]
    },
    xAxis: {type: 'category'},
    yAxis: {},
    // Declare several bar series, each will be mapped
    // to a column of dataset.source by default.
    series: [
        {type: 'bar'},
        {type: 'bar'}
    ]
};
;
if (option4 && typeof option4 === "object") {
    myChart4.setOption(option4, true);
}
       </script>
</div>
<script src="__STATIC__/js/admin.js"></script>
<script type="text/javascript">
    function toEdit(id){
         //打开新增窗口
        openIframeLayer("/teacher/template/edit/id/"+id, '编辑', {
            area: ['600px', '580px'],
        });
    }
</script>
</body>
</html>